<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>
    <!--3.外部写法-->
    <script src="./01.js">
        //注意:若script标签src已经引入外部JS文件,则不会执行里面的代码
        console.log("看看会执行吗?");
    </script>
</head>
<body>
    <!--1.行内写法 写在对应的HTML元素上
    onclick="" 给当前元素绑定一个点击事件,点击元素时执行里面的代码
    alert() 弹出一个对话框-->
    <button onclick="alert('hello world')">点我</button>
    <button onclick="console.log('hello world')">点我</button>

    <!--2.内部写法 body 要写在body结束之前-->
    <h1 id="h1">我是大标题</h1> <!-- id值相当于当前元素-->
    <script>
        console.log(h1);// 打印id值可以打印出当前元素
    </script>

</body>
</html>